<script>
    if ("undefined" == typeof STATUS) {
        console.log(111);
        window.location.href = "../../index.html";
    }
</script>

<link rel="stylesheet" href="./modules/system/attack/attack.css">

<div class="row">
    <div class="col-8">
        <div class="row">
            <div class="col-6">
                <div class="card" id="attackSource">
                    <div class="card-header">
                        <h3>攻击源分析</h3>
                    </div>
                    <div class="card-body">
                        <div id="attackSourceChart"></div>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="card" id="attackType">
                    <div class="card-header">
                        <h3>攻击事件比例及数量</h3>
                    </div>
                    <div class="card-body">
                        <div id="attackTypeChart"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="divider"></div>

        <div class="row">
            <div class="col-12">
                <div class="card" id="attackEvents">
                    <div class="card-header">
                        <h3>攻击事件审计</h3>
                    </div>
                    <div class="card-body">
                        <table id="attackEventsTable" class="display" style="width: 100%"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-4">
        <div class="card" id="attackEventDetail">
            <div class="card-header">
                <h3>攻击详情</h3>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-4">
                        <h3>基本信息</h3>
                        <div class="content">
                            <ul>
                                <li>
                                    <h4>攻击名称：</h4><span id="attackName">跨站脚本攻击</span></li>
                                <li>
                                    <h4>发起时间：</h4><span id="attackStartTime">2018-05-03 22:24:05</span></li>
                                <li>
                                    <h4>结束时间：</h4><span id="attackEndTime">2018-05-03 22:51:27</span></li>
                            </ul>
                        </div>

                    </div>
                    <div class="col-8">
                        <div id="attackEventDetailChart"></div>
                    </div>
                </div>

                <div class="divider"></div>

                <div class="row">
                    <div class="col-12">
                        <h3>攻击特征</h3>
                        <div class="content">
                            <ul>
                                <li>
                                    <h4>特征：</h4>
                                    <div id="attackFeature"></div>
                                </li>
                                <li>
                                    <h4>描述：</h4>
                                    <p id="attackDesc">此次攻击中，通过知识库检测URL发现，该次访问包含跨站脚本的特征代码，经系统判断，判为跨站脚本攻击。
                                    </p>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>

                <div class="divider"></div>

                <div class="row">
                    <div class="col-12">
                        <div class="card-box">
                            <h3>防御建议</h3>
                        </div>
                        <p id="attackMeasure">
                            针对跨站脚本攻击，建议使用已有的防跨站脚本库来过滤用户输入。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="./modules/system/attack/attack.echarts.js"></script>
<script src="./modules/system/attack/attack.js"></script>